/**
 * 这里记录 view的写法
 * */
import 'package:flutter/material.dart';
import 'package:study_flutter/dyc/view/home/TipRoute.dart';

import '../../DConstant.dart';

class JumpDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    /**
     * Scaffold: 翻译过来就是脚手架的意思，它实现了基本的 Material Design 可视化布局结构。
     * 此类提供了用于显示drawer、snackbar和底部sheet的API。简单的说，Scaffold就是一个提供
     * Material Design 设计中基本布局的 widget。
     * const Scaffold({
      Key key,
      this.appBar, // 标题栏
      this.body,  // 用于显示当前界面主要内容的Widget
      this.floatingActionButton, // 一个悬浮在body上的按钮，默认显示在右下角
      this.floatingActionButtonLocation, // 用于设置floatingActionButton显示的位置
      this.floatingActionButtonAnimator, // floatingActionButton移动到一个新的位置时的动画
      this.persistentFooterButtons, // 多状态按钮
      this.drawer, // 左侧的抽屉菜单
      this.endDrawer, //  右'侧的抽屉菜单
      this.bottomNavigationBar,// 底部导航栏。
      this.bottomSheet, // 显示在底部的工具栏
      this.backgroundColor,// 内容的背景颜色
      this.resizeToAvoidBottomPadding = true, // 控制界面内容 body 是否重新布局来避免底部被覆盖，比如当键盘显示的时候，重新布局避免被键盘盖住内容。
      this.primary = true,// Scaffold是否显示在页面的顶部
      appBar: AppBar(
      title: new Text("Button按钮"),
      })
     */
    return Scaffold(
      appBar: AppBar(
        title: new Text("dyc"),
      ),
      /**
       * 官方给出的简介，是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget。
        可以得出几个信息，它是一个组合的widget，内部有绘制widget、定位widget、尺寸widget。
        后续看到的不少widget，都是通过一些更基础的widget组合而成的。
       */
      body: Container(
        /**
         * 流式布局
         */
        child: Wrap(
          spacing: 4.0,
          runSpacing: 4.0,
          alignment: WrapAlignment.center,
          children: <Widget>[
            RaisedButton(
              onPressed: () async {
                var result = await Navigator.push(context,
                    MaterialPageRoute(builder: (context) {
                  return TipRoutePage(title: "abc");
                }));
                //输出`TipRoute`路由返回结果
              },
              child: Text("路由传值：",
                  style: TextStyle(fontSize: 14, color: Colors.blue)),
            ),
            RaisedButton(
                onPressed: () {
                  Navigator.pushNamed(
                      context, DConstant.DYC_PACKAGE_MANAGEMENT);
                },
                child: Text("包管理",
                    style: TextStyle(fontSize: 14, color: Colors.blue))),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_CONTEXT_TEST);
              },
              child: Text("Context",
                  style: TextStyle(fontSize: 14, color: Colors.red)),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_TAPBOXA_PAGE);
              },
              child: Text(
                "状态管理",
                style: TextStyle(fontSize: 14, color: Colors.black),
              ),
            ),
            RaisedButton(
                onPressed: () {
                  Navigator.pushNamed(context, DConstant.DYC_TEXTSTYLE);
                },
                child: Text(
                  "文本及样式",
                  style: TextStyle(fontSize: 14, color: Colors.blue),
                )),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_BUTTON_PAGE);
              },
              child: Text(
                "按钮",
                style: TextStyle(fontSize: 14, color: Colors.blue),
              ),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_IMAGEICON_PAGE);
              },
              child: Text(
                "图片和icon",
                style: TextStyle(fontSize: 14, color: Colors.blue),
              ),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(
                    context, DConstant.DYC_SWITCHANDCHECKBOXTEST_ROUTE);
              },
              child: Text(
                "单选开关和复选框",
                style: TextStyle(fontSize: 14, color: Colors.blue),
              ),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_TEXTFIELDPAGE);
              },
              child: Text(
                "输入框及表单",
                style: TextStyle(fontSize: 14, color: Colors.black),
              ),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_PROGRESS_BAR);
              },
              child: Text(
                "进度指示器",
                style: TextStyle(fontSize: 14, color: Colors.blue),
              ),
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pushNamed(context, DConstant.DYC_LISTVIEW_PAGE);
              },
              child: Text(
                "ListView",
                style: TextStyle(fontSize: 14, color: Colors.blue),
              ),
            ),
            RaisedButton(
              onPressed: (){
               Navigator.pushNamed(context, DConstant.DYC_GRIDVIEW_PAGE);
            },
              child: Text("GridView",
              style: TextStyle(fontSize: 14,color: Colors.blue)),
            )
            
          ],
        ),
      ),
    );
  }
}
